body,html{width:100%; max-width:640px; margin:0 auto;}
img{max-width:100%;}
.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix{zoom:1;}
.clearfix:after{content:" ";clear:both;height:0;visibility:hidden;display:block;}
/*header*/
.header{width:100%;height:80px; position:relative; background-image:url(headerbg.png); background-position:left center; background-repeat:repeat-x;}
.header .logo{position:absolute; left:20px; top:15px; max-width:320px;width:80%;}
.header .subbtn{position: absolute;top: 15px;right: 10px;display: block;width: 40px;}
.header .subbtn span{position:absolute; left:0; top:0; display:block; width:100%; height:8px; background-color:#808080; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.header .subbtn span:first-child{top:0px;}
.header .subbtn span:nth-child(2){top:18px;}
.header .subbtn span:nth-child(3){top:37px;}
.header .subbtn.on span:first-child{display:none;}
.header .subbtn.on span:nth-child(2){transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.header .subbtn.on span:nth-child(3){transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top:19px;}
.mask{position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=80); background-color:rgba(0, 0, 0, 0.8); z-index:100; display:none;}
.mob-nav{width:80%; height:100%; background-color:#353535; overflow-y:auto; position:fixed; top:0; right:-80%; z-index:200; visibility:hidden; opacity:0; transition: all 0.5s ease;}
.mob-nav.on{visibility:visible; opacity:1; right:0px;}
.mob-nav .subtab{border-bottom:1px solid #484848;}
.mob-nav .subtab li{position:relative;}
.mob-nav .subtab li .tlink{display:block; padding:0px 2%; font-size:28px; color:#fff; height:90px; line-height:90px; border-top:1px solid #484848; position:relative;}
.mob-nav .subtab li.on .tlink{background-color:#f1861c; color:#fff;}
.mob-nav .subtab li .submenu{padding:0px 2%; overflow:hidden; /*display:none;*/}
.mob-nav .subtab li .submenu a{display:block; float:left; width:32.65%; margin-right:1%; margin-bottom:1%;font-size:18px;color:#fff; background-color:#a2885d; text-align:center; padding:2% 0px;}
.mob-nav .subtab li .submenu a:nth-child(3n){margin-right:0;}
.myshare{padding:30px 2%;}
.myshare .bdsharebuttonbox{border:1px solid #484848; padding:10px 0px; text-align:center;}
.myshare .bdsharebuttonbox a{padding:0px; margin:0px; margin:0px 20px; width:62px; height:62px; display:inline-block; float:none; background-image:url(share.png); background-repeat:no-repeat;}
.myshare .bdsharebuttonbox a.bds_tsina{background-position:0px 0px;}
.myshare .bdsharebuttonbox a.bds_tqq{background-position:-62px 0px;}
.myshare .bdsharebuttonbox a.bds_qzone{background-position:-124px 0px;}
.myshare .bdsharebuttonbox a.bds_tieba{background-position:-186px 0px;}

/*banner*/
.banner-container{width:100%; position:relative; max-height:417px;}
.swiper-home-container .banner-height{display:block;}
.swiper-home-container .banner-height img{width:100%; display:block;}
.swiper-home-container .swiper-button-next,.swiper-home-container .swiper-button-prev{position:absolute; top:50%; z-index:3; margin-top:-31px; width:53px; height:76px; overflow:hidden; text-indent:-9999px; background:url(../skin/slider-button.png) no-repeat;}
.swiper-home-container .swiper-button-prev{left:0px; background-position:0px 0px; opacity:0; visibility:hidden;}
.swiper-home-container .swiper-button-next{right:0px; background-position:-53px 0px; opacity:0; visibility:hidden;}
.banner-container:hover .swiper-button-prev{opacity:1; visibility:visible;}
.banner-container:hover .swiper-button-next{opacity:1; visibility:visible;}
.banner-container .swiper-pagination{width:100% !important; text-align:center; left:0px; bottom:20px !important;}
.swiper-pagination .swiper-pagination-bullet{display:inline-block; border-radius:50%; opacity:1; width:13px; height:13px; background-color:#908e8b;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff;}

/*index*/
.content{width:100%; position:relative;}
.section01{background-image:url(section01bg.jpg); background-position:left top; background-repeat:repeat; padding:0px 20px 80px 20px;}
.index-h1{text-align:center; padding-top:45px; padding-bottom:10px;}
.index-h1 h2{font-size:25px; font-weight:bold; color:#b39a71;}
.index-h1 span{font-size:24px; color:#8b8787; font-family:times; font-weight:bold; display:block; padding-bottom:10px;}
.index-h1 i{display:block; width:55px; height:4px; margin:0 auto; background-color:#a3a3a3;}
.index-h1 .tm{font-size:16px; color:#999; max-width:790px; margin:0 auto;}
.camimgbox{padding-top:20px;}
.camimgbox ul li{width:49%; float:left; margin-right:2%; margin-top:2%; overflow: hidden;}
.camimgbox ul li:nth-of-type(2n){margin-right:0;}
.camimgbox ul li img{width:100%; display:block; -webkit-transition: all 1.9s ease; transition: all 1.9s ease;}
.index-camimg ul li:hover img{-webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.camimgbox ul li div:hover img{-webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.indexmore{text-align:center; padding-top:40px;}
.indexmore a{display:inline-block; width:166px; height:42px; line-height:42px; margin:0 auto; border:1px solid #d2d2d2; border-radius:25px; font-size:18px; color:#666;}
.indexmore a:after{content:""; display:inline-block; width:6px; height:9px; vertical-align:1px; margin-left:5px; background-image:url(indexmore.png); background-repeat:no-repeat;}
.indexmore a:hover{border-color:#b39a71;}
.index-more{text-align:center; padding-top:48px;}
.index-more img {width: 44.5%;}
.index-more a{margin:0px 10px;}
.indexvideo{width:100%; height: 100%; overflow:hidden; background-color:#000; margin-top:40px;}
.section02{min-height:705px; background-image:url(section02bg.jpg); background-position:center top; background-repeat:no-repeat; padding:0px 20px 0px 20px;}
.ystable{width:100%; position:relative; margin-top:40px; padding-bottom:80px;}
.ystable .bd{width:100%; overflow:hidden;}
.ystable .bd ul li{width:50%; float:left;}
.ystable .bd ul li .td{padding:0px 20px; text-align:center;}
.ystable .bd ul li .td h2{font-size:24px; font-weight:bold; color:#fff; margin:20px 0px;}
.ystable .bd ul li .td p{font-size:18px; color:#c6c6c6; text-align:justify;}
.ystable .bd ul li .td img{-webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.ystable .bd ul li .td img:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);}
.ystable .hd{position:absolute; left:0px; bottom:0px; z-index:10; width:100%; text-align:center;}
.ystable .hd ul li{display:inline-block; _display:inline;zoom:1; width:15px; height:15px; margin:0px 5px; background-color:#ababab; border-radius:50%; font-size:0; cursor:pointer;}
.ystable .hd ul li.on{background-color:#b39a71;}
.section03{background-image:url(section01bg.jpg); background-position:left top; background-repeat:repeat; padding:0px 20px 20px 20px;}
.section03 .indexmore a{background-color:#b49b73; border-color:#b49b73; color:#fff; margin:0px 10px;}
.section03 .indexmore a:after{background-image:url(indexmorebg.png);}
.section03 .indexmore a:nth-of-type(2){background-color:#353535; border-color:#353535;}
.kecheng{width:100%; overflow:hidden; margin-top:30px;}
.kecheng ul li{width: 50%;height: 113px; background-color: #fff;position: relative;overflow: hidden;float: left;}
.kecheng ul li .pic{width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.kecheng ul li img{width:100%; display:block;}
.kecheng ul li .im-text{padding:0px 40px; position:relative; z-index:10;}
.kecheng ul li .line{display:block; width:38px; height:3px; background-color:#b5b5b5; margin-top:38px;}
.kecheng ul li .t1{display:block; margin-top:15px;color:#999; font-family:times; line-height:25px; max-width:130px;}
.kecheng ul li .t2{display:block; font-size:18px; color:#666;}
.kecheng ul li.item1 .line{background-color:#fff;}
.kecheng ul li.item1 .t1,.kecheng ul li.item1 .t2{color:#fff;}
.kecheng ul li.item3{background-color:#b39a71;}
.kecheng ul li.item3 .line{background-color:#fff;}
.kecheng ul li.item3 .t1,.kecheng ul li.item3 .t2{color:#fff;}
.kecheng ul li.item4 .line{background-color:#fff;}
.kecheng ul li.item4 .t1,.kecheng ul li.item4 .t2{color:#fff;}
.kecheng ul li.item5 .line{background-color:#fff;}
.kecheng ul li.item5 .t1,.kecheng ul li.item5 .t2{color:#fff;}
.section04{background-image:url(section03bg.jpg); background-position:center center; background-repeat:repeat; padding:0px 20px 0px 20px;}
.section04 .index-h1 h2,.section04 .index-h1 span{color:#fff;}
.section04 .index-h1 i{background-color:#fff;}
.worksbox{width:100%; position:relative; margin-top:15px; padding-bottom:100px;}
.worksbox .bd ul li{width:100%; float:left;}
.worksbox .bd ul li .item{width:49%; float:left; margin-right:1%; margin-top:1%;}
.worksbox .bd ul li .item.first{width:99%; margin-right:0; margin-top:2%;}
.worksbox .bd ul li img{width:100%; display:block;}
.worksbox .hd{position:absolute; left:0px; bottom:40px; z-index:10; width:100%; text-align:center;}
.worksbox .hd ul li{display:inline-block; _display:inline;zoom:1; width:15px; height:15px; margin:0px 5px; background-color:#e0d6c5; border-radius:50%; font-size:0; cursor:pointer;}
.worksbox .hd ul li.on{background-color:#fff;}
.section05{height:197px; background-image:url(section04bg.jpg); background-position:center top; background-size:auto 100%; background-repeat:no-repeat; padding:0px 20px;}
.section05 .left-call{float:left; padding-top:43px;}
.section05 .left-call h2{overflow:hidden; margin-bottom:20px;}
.section05 .left-call h2 span{display:block; height:50px; padding-left:60px; float:left; background-image:url(call02.png); background-position:left center; background-repeat:no-repeat; font-size:16px; color:#fff;}
.section05 .left-call h2 span em{font-size:21px; font-weight:bold; color:#b39a71; display:block; line-height:25px;}
.section05 .left-call h2 .btn{display:block; width:125px; height:50px; line-height:50px; background-color:#b39a71; border-radius:25px; text-align:center; float:left; font-size:16px; color:#fff; margin-left:15px;}
.section05 .left-call h2 .btn i{background-image:url(call03.png); background-position:left center; background-repeat:no-repeat; padding-left:30px; display:inline-block;}
.section05 .left-call h3{font-size:17px; font-weight:bold; color:#fff;}
.section05 .left-call h3 span{color:#e9212f;}
.section06{background-image:url(section01bg.jpg); background-position:left top; background-repeat:repeat; padding:0px 20px 80px 20px;}
.liliang{width:100%; overflow:hidden;}
.liliang ul li{width:47.8%; float:left; border:1px solid #dcdcdc; background-color:#fff; margin-top:3%; margin-right:3%; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.liliang ul li:nth-of-type(2n){margin-right:0;}
.liliang ul li:hover{-webkit-transform:translateY(-2%); transform:translateY(-2%); border-color:#b39a71;}
.liliang ul li .pic{width:100%;overflow:hidden;}
.liliang ul li .pic img{width:100%; display:block;}
.liliang ul li .tm{padding:25px 0px; text-align:center; min-height:100px;}
.liliang ul li .tm h2{font-size:24px; font-weight:bold; color:#333;}
.liliang ul li .tm h3{font-size:12px; color:#999; padding:8px 0px;}
.liliang ul li .tm h4{font-size:16px; color:#666; padding:0px 10px;}
.liliang ul li .tm h4 span{color:#b39a71;}


.moreload h2{font-size:24px; font-weight:bold; color:#333;}
.moreload h3{font-size:12px; color:#999; padding:0px 0px;}
.moreload h4{font-size:16px; color:#666; padding:0px ;}
.moreload h4 span{color:#b39a71;}



.liliang ul li .llmask{width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; background-color:#000; filter:alpha(opacity=50); background-color:rgba(0, 0, 0, 0.5); opacity:0; visibility:hidden;}
.liliang ul li:hover .llmask{visibility:visible; opacity:1;}
.liliang ul li .tn{display:inline-block; /*border:1px solid #fff; */padding:5px 10px; font-size:14px; color:#fff; /*border-radius:5px; */position:absolute; left:50%; top:50%; z-index:20; -webkit-transform: translateX(-50%) translateY(-10%); transform: translateX(-50%) translateY(-10%); opacity:0; visibility:hidden; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.liliang ul li:hover .tn{visibility:visible; opacity:1; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.section07{background-image:url(section05bg.jpg); background-position:center top; background-size:auto 100%; background-repeat:no-repeat; padding:0px 20px 80px 20px;}
.section07 .index-h1 h2,.section07 .index-h1 span{color:#fff;}
.section07 .index-h1 i{background-color:#fff;}
.section07 .index-h1 .tm{color:#e6e6e6; max-width:700px; padding-top:20px; padding-bottom:55px;}
.index-case{position:relative;height:400px; margin:0px auto;overflow: hidden;}
.index-case ul li{float: left;width: 95px;height: 95px;max-width: 30%;background-color: #fff;transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);position: absolute;overflow: hidden;object-fit: cover;}
.index-case ul li .img{display:block; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);}
.index-case ul li .img img{max-width:120px; max-height:120px;}
.index-case ul li .line{display:block; width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:10;}
.index-case ul li .line:before,.index-case ul li .line:after{position:absolute;top:0px;right:0px;bottom:0px;left:0px;content: '';opacity:0;pointer-events:none;-webkit-transition: opacity 0.35s,-webkit-transform 0.35s;transition: opacity 0.35s,transform 0.35s;}
.index-case ul li .line:before{border-top:4px solid #b39a71; border-bottom:4px solid #b39a71; -webkit-transform: scale(0,1); transform: scale(0,1);}
.index-case ul li .line:after{border-right:4px solid #b39a71; border-left:4px solid #b39a71; -webkit-transform: scale(1,0); transform: scale(1,0);}
.index-case ul li:hover .line:after,.index-case ul li:hover .line:before{opacity:1; -webkit-transform: scale(1); transform: scale(1);}
.index-case ul li.item0{top:110px;}
.index-case ul li.item1{top:40px; left:70px;}
.index-case ul li.item2{top:40px; left:210px;}
.index-case ul li.item7{top:110px; left:140px; background-color:#b39a71;}
.index-case ul li.item4{top:180px; left:70px;}
.index-case ul li.item5{top:110px; left:280px;}
.index-case ul li.item6{top:180px; left:210px;}
.index-case ul li.item3{top:250px; left:140px;}
.section08{background-image:url(section01bg.jpg); background-position:left top; background-repeat:repeat; padding:0px 20px 20px 20px;}
.indexabout{padding-top:80px;}
.indexaboutt{padding-top:-20px;}
.indexabout .th1{font-size:36px; font-weight:bold; color:#333;}
.indexaboutt .th1{font-size:36px; font-weight:bold; color:#333;}
.tmtext p{ text-indent:2em; line-height:26px; padding-bottom:10px;}
.indexabout .th1 em{color:#b39a71;}
.indexabout .tmtext{font-size:18px; color:#999; line-height:25px; margin-top:35px;}
.indexaboutt .th1 em{color:#b39a71;}
.indexaboutt .tmtext{font-size:18px; color:#999; line-height:25px; margin-top:35px;}
.inablist ul li{width: 29%;padding: 20px 0px;background-color: #fff;float: left;border: 1px solid #e5e5e5;text-align: center;margin: 5px;}
.inablist ul li .co{display:block; width:47px; height:45px; margin:0 auto;}
.inablist ul li span{display:block; font-size:14px; color:#949494; margin-top:15px;}
.inabimg{margin-top:10px; overflow:hidden; margin-bottom:45px;}
.inabimg ul li{width:100%; margin-top:20px;}
.index-cool{width:100%; overflow:hidden; margin-bottom:50px;}
.index-cool ul li{width:32%; float:left; margin-right:2%; margin-top:2%;}
.index-cool ul li:nth-of-type(3n){margin-right:0;}
.index-cool ul li span{display:block; text-align:center;}
.index-cool ul li .pic{border:1px solid #eee;}
.index-cool ul li:hover .pic{border-color:#b39a71;}
.index-cool ul li .pic img{display:block; width:100%; max-height:80px;}
.index-cool ul li .title{color:#666; padding-top:5px; line-height:26px;}
.index-cooll{width:100%; overflow:hidden; margin-bottom:50px;}
.index-cooll ul li{width:31%; float:left; margin-right:3%; margin-top:2%;}
.index-cooll ul li:nth-of-type(3n){margin-right:0;}
.index-cooll ul li span{display:block; text-align:center;}
.index-cooll ul li .pic{border:1px solid #eee;}
.index-cooll ul li:hover .pic{border-color:#b39a71;}
.index-cooll ul li .pic img{display:block; width:100%; max-height:150px;}
.index-cooll ul li .title{font-size:18px; color:#666; padding-top:5px; line-height:26px;}

/*about*/
.aboutbg{padding:50px 20px 100px 20px; background-image:url(section01bg.jpg); background-position:left top; background-repeat:repeat;}
.aboutbg .index-h1{padding-top:0px;}
.abouttext{overflow:hidden;}
.abouttext .h2{font-size:36px; font-weight:bold; color:#333;}
.abouttext .h2 em{color:#b39a71;}
.abouttext p{font-size:14px; color:#999; line-height:25px; margin-top:20px;}
.loadmore{text-align:center; padding-top:48px;}
.loadmore a{display:inline-block; width:190px; height:55px; line-height:55px; margin:0 auto; background-color:#b39a71; border-radius:27.5px; font-size:20px; color:#fff;}
.loadmore a:before{content:""; display:inline-block; width:19px; height:19px; vertical-align:middle; margin-right:5px; background-image:url(loadmore.png); background-repeat:no-repeat;}
.loadmore a:hover{border-color:#b39a71;}

/*case*/
.caselist{width:100%;}
.caselist ul li{width:48%; height:300px; background-color:#fff; float:left; margin-top:3%; margin-right:3%; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.caselist ul li:nth-of-type(2n){margin-right:0;}
.caselist ul li .pic{height:160px; padding:10px 10px; overflow:hidden; border-bottom:1px solid #ededed; text-align:center; background-color:#fff;}
.caselist ul li .tm{padding:15px 20px;}
.caselist ul li h2{font-size:16px; color:#333;}
.caselist ul li h3{font-size:14px; color:#999; margin-top:10px;}
.caselist ul li:hover{-webkit-box-shadow:#666 0px 0px 20px; box-shadow:#666 0px 0px 20px; background-color:#b39a71;}
.caselist ul li:hover h2{color:#fff;}
.caselist ul li:hover h3{color:#f8e7ca;}
.newsdetails{border:1px solid #e5e5e5; background-color:#fff;}
.news-tou{height:190px; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.news-tou .pic{float:left; border-right:1px solid #e5e5e5; width:170px; height:170px; text-align:center; padding:10px;}
.news-tou .nw-info{float:left; padding:40px 20px 10px 20px; width:350px;}
.news-tou .nw-info .h2{font-size:24px; color:#333;}
.news-tou .nw-info .h2 span{font-size:18px; color:#666; margin-left:5px;}
.news-tou .nw-info p{font-size:18px; color:#666; margin-top:5px;}
.news-tou .nw-info p span{color:#333;}
.news-bom{padding:40px 20px;}
.nwmore{overflow:hidden;zoom:1; border-top:1px solid #e5e5e5;}
.nwmore ul li{font-size:18px; color:#666; width:50%; float:left; height:55px; line-height:55px; text-align:center;}
.nwmore ul li a{color:#666; display:block; border-left:1px solid #e5e5e5; margin-left:-1px;}
.nwmore ul li a:hover{color:#b39a71;}

/*content*/
.workstab{text-align:center; padding-top:30px; padding-bottom:55px;}
.workstab li{width:50%; float:left;}
.workstab li a{display:block; border:1px solid #e6e6e6; height:48px; line-height:48px; font-size:18px; color:#666; background-color:#fff; margin-top:-1px; margin-left:-1px;}
.workstab li.on a{background-color:#353535; color:#fff;}

.studycont{width:100%; /*height:2130px; */position:relative;}
.studycont .scont{width:100%; height:100%; display: none; /*position:absolute;*/ /*left:0; top:0; z-index:1; visibility:hidden; opacity:0;*/}
.studycont .scont.on{visibility:visible; opacity:1; z-index:10;}
.studycont{width:100%; position:relative; padding-bottom:50px;}
.studycont .sclist{width:100%; overflow:hidden;}
.studycont .sclist ul li{float:left; width:100%; overflow:hidden; position:relative;}
.studycont .sclist ul li div{overflow:hidden;}
.studycont .sclist ul li .img0{width:100%; float:left; margin-top:13px;}
.studycont .sclist ul li .img1{width:49%; float:left; margin-top:13px; height:525px;}
.studycont .sclist ul li .img2{width:49%; float:right; margin-top:13px; height:256px;}
.studycont .sclist ul li .img3{width:49%; float:right; margin-top:13px; height:256px;}
.studycont .sclist ul li .img4{width:49%; float:left; margin-top:13px;}
.studycont .sclist ul li .img5{width:49%; float:right; margin-top:13px;}
.studycont .sclist ul li .img6{width:100%; float:left; margin-top:13px;}
.studycont .sclist ul li .img7{width:49%; float:right; margin-top:13px; height:525px;}
.studycont .sclist ul li .img8{width:49%; float:left; margin-top:13px; height:256px;}
.studycont .sclist ul li .img9{width:49%; float:left; margin-top:13px; height:256px;}
.studycont .sclist ul li .img10{width:49%; float:left; margin-top:13px;}
.studycont .sclist ul li .img11{width:49%; float:right; margin-top:13px;}
.studycont .sclist ul li img{-webkit-transition: all 0.6s ease; transition: all 0.6s ease; width:100%; display:block;}
.studycont .hd{position:absolute; left:0px; bottom:-25px; z-index:10; width:100%; text-align:center;}
.studycont .hd ul li{display:inline-block; _display:inline;zoom:1; width:15px; height:15px; margin:0px 5px; background-color:#ababab; border-radius:50%; font-size:0; cursor:pointer;}
.studycont .hd ul li.on{background-color:#b39a71;}


/*environment*/
.envtitle{text-align:center; padding-top:20px;}
.envtitle span{display:inline-block; font-size:20px; color:#fff; height:50px; line-height:50px; background-color:#333; padding:0px 10px; min-width:140px;}
.envibox .camimgbox{padding-bottom:70px; position:relative;}
.envibox .camimgbox .camlist ul li{width:100%; float:left; margin-right:0px; margin-top:0px;}
.envibox .camimgbox .camlist ul li .item0{width:99%; margin-right:0; margin-top:2%; overflow: hidden;}
.envibox .camimgbox .camlist ul li .item1{width:49%; float:left; margin-right:1%; margin-top:1%; overflow: hidden;}
.envibox .camimgbox .camlist ul li img{width:100%; display:block;}
/*.camimgbox .camprev,.camimgbox .camnext{display:block; width:38px; height:38px; position:absolute; top:50%; margin-top:-19px; background-image:url(cambtn.png); background-repeat:no-repeat; font-size:0; cursor:pointer; display:none;}*/
.camimgbox .camprev{left:-85px; background-position:0px 0px;}
.camimgbox .camprev:hover{background-position:0px -38px;}
.camimgbox .camnext{right:-85px; background-position:-38px 0px;}
.camimgbox .camnext:hover{background-position:-38px -38px;}
.envibox .camimgbox .hd{position:absolute; left:0px; bottom:10px; z-index:10; width:100%; text-align:center;}
.envibox .camimgbox .hd ul li{display:inline-block; _display:inline;zoom:1; float:none; width:15px; height:15px; margin:0px 5px; background-color:#ababab; border-radius:50%; font-size:0; cursor:pointer;}
.envibox .camimgbox .hd ul li.on{background-color:#b39a71;}

/*student*/
.coll-stylebox{width:100%; position:relative;}
.coll-stylebox img{width:100%; display:block;}
.coll-stylebox .item0{width:49%; float:left; margin-top:12px;}
.coll-stylebox .item1{width:49%; float:right; margin-top:12px;}
.coll-stylebox .item2{width:49%; float:left; margin-top:12px;}
.coll-stylebox .item3{width:100%; float:left; margin-top:12px;}
.coll-stylebox .item4{width:49%; float:left; margin-top:12px;}
.coll-stylebox .item5{width:49%; float:right; margin-top:12px;}
.coll-stylebox .item6{width:49%; float:left; margin-top:12px;}
.coll-stylebox .item7{width:49%; float:right; margin-top:12px;}
.coll-stylebox .item8{width:49%; float:right; margin-top:12px;}
.coll-stylebox .item9{width:100%; float:left; margin-top:12px;}

/*contact*/
.cont-item{width:100%; margin-top:40px; background-color:#fff; overflow:hidden;zoom:1;}
.cont-item .pic{width:100%; height:240px; overflow:hidden;}
.cont-item .pic img{width:100%; display:block; max-height:240px;}
.cont-item .cotext{padding:40px 30px;}
.cont-item .cotext h2{font-size:22px; font-weight:bold; color:#333; margin-bottom:5px;}
.cont-item .cotext p{font-size:18px; color:#999;}
.cont-item .coright{padding:20px 30px; border-top:1px solid #f6f6f6; text-align:center; overflow:hidden;}
.cont-item .coright .map{display:block; border:1px solid #e2e2e2; padding:0px 20px; height:40px; line-height:40px; font-size:18px; color:#666; margin-right:10px; float:left;}
.cont-item .coright .map i{background-image:url(con01.png); background-position:left center; background-repeat:no-repeat; padding-left:20px; line-height:29px; display:inline-block;}
.cont-item .coright .lx{display:block; border:1px solid #e2e2e2; padding:0px 20px; height:40px; line-height:40px; font-size:18px; color:#666; float:left;}
.cont-item .coright .lx i{background-image:url(con02.png); background-position:left center; background-repeat:no-repeat; padding-left:20px; line-height:29px; display:inline-block;}
.cont-item .coright .map:hover,.cont-item .coright .lx:hover,.cont-item .zxzx:hover{border-color:#b39a71;}
.cont-item .covideo{width:100%; height:240px; overflow:hidden; background-color:#000;}
.cont-item .zxzx{display:block; border:1px solid #e2e2e2; padding:0px 20px; height:40px; line-height:40px; font-size:18px; color:#666; margin-right:10px; float:left;}
.cont-item .zxzx i{background-image:url(con03.png); background-position:left center; background-repeat:no-repeat; padding-left:25px; line-height:29px; display:inline-block;}
.conform{padding-top:70px;}
.conform h2{font-size:24px; color:#4e4e4e;}
.conform ul{padding:15px 0px;}
.conform ul li{width:100%; float:left; margin-top:2%;}
.conform ul li .dbtext,.conform ul li .dbteat{width:96%; height:48px; padding:0 2%; font-size:18px; color:#333; border:1px solid #e5e5e5;}
.conform ul li .dbtext:focus,.conform ul li .dbteat:focus{border-color:#b39a71;}
.conform ul li .dbteat{width:96%; height:170px; padding:1% 2%;}
.conform ul li .dbsub{width:100%; height:57px; background-color:#b39a71; font-size:20px; color:#fff; border:none; cursor:pointer; display:block; margin:0 auto;}
.conform ul li .dbsub:hover{background-color:#b39a71;}

/*backtop*/
.backtop{width:70px; height:70px; position:fixed; right:10px; bottom:150px; z-index:50; display:none;}
.backtop a{display:block; width:70px; height:70px; overflow:hidden; font-size:0; background-image:url(backtop.png); background-size:contain; background-repeat:no-repeat;}

/*secnavbar*/
.div-null{width:100%; height:80px;}
.secnavbar{    max-width: 640px;
    width: 100%;
    height: 70px;
    background-image: url(secnavbar.jpg);
    background-repeat: repeat-x;
    position: fixed;
    /* left: 0px; */
    z-index: 10;
    margin: 0 auto;
    bottom: 0;}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)
.secnavbar {
bottom:15px;
}
.secnavbar ul li{width:25%; float:left;}
.secnavbar ul li a{display:block;overflow:hidden; text-align:center;color:#484a58;padding-top:5px;}
.secnavbar ul li span{display:block;}
.secnavbar ul li div{width:40px; height:45px; margin:0 auto; background-image:url(kefu01.png); background-position:center center; background-repeat:no-repeat;}
.secnavbar ul li .t1{background-image:url(kefu01.png);}
.secnavbar ul li.on .t1{background-image:url(kefu02.png);}
.secnavbar ul li .t2{background-image:url(kefu03.png);}
.secnavbar ul li.on .t2{background-image:url(kefu04.png);}
.secnavbar ul li .t3{background-image:url(hongbao.gif);}
.secnavbar ul li.on .t3{background-image:url(hongbao.gif);}
.secnavbar ul li .t4{background-image:url(kefu07.png);}
.secnavbar ul li.on .t4{background-image:url(kefu08.png);}
.secnavbar ul li.on{background-color:#c5ae8a;}
.secnavbar ul li.on div img{opacity:1;}
.secnavbar ul li.on a{color: red;}
.ewmbox{width:330px; min-height:330px; background-color:#fff; position:fixed; left:0; right:0; top:50%; z-index:200; margin:0 auto; -webkit-transform:translateY(-50%); transform:translateY(-50%); display:none;}
.ewmbox .eclose{display:block; font-size:14px; cursor:pointer; position:absolute; right:5px; top:5px; color:#333;}
.ewmbox .div{padding-top:25px; padding-left:10px; padding-right:10px; padding-bottom:10px; text-align:center;}

/*footer*/
.footer{background-color:#333; text-align:center;}
.footer .foottou{padding:40px 20px 50px 20px;}
.footer .foottou .h2{font-size:18px; color:#b5b5b5; margin-top:30px;}
.footer .foottou .h3{font-size:18px; color:#7a7a7a; margin-top:10px;}
.footer .foottou .h4{margin-top:20px;}
.footer .foottou .h4 span{font-size:22px; color:#b7a07b; height:33px; line-height:33px; background-image:url(call02.png); background-position:left center; background-repeat:no-repeat; padding-left:45px; background-size:auto 33px; display:inline-block;}
.footer .footbom{padding:25px 20px; font-size:16px; color:#7a7a7a; border-top:1px solid #484848;}
li {list-style-type:none;}
a {text-decoration:none}